@(current: service.DemoUser)

    @main("SecureSocial - Account Link Result") {
<div class="page-header">
    <h2><img src="@current.main.avatarUrl.getOrElse("")" alt="@current.main.firstName.getOrElse("")" width="40px" height="40px"/> Hey @current.main.firstName.getOrElse("")</h2>
</div>

<div class="clearfix">
    <h2>You are linked to the following accounts:</h2>

    @current.identities.map { linked =>
        <h2>@linked.providerId
        </h2>
        <ul>
            <li>User Id: @linked.userId</li>
            <li>Fist name: @linked.firstName.getOrElse("")</li>
            <li>Last name: @linked.lastName.getOrElse("")</li>
            <li>Full name: @linked.fullName.getOrElse("")</li>
            <li>Logged in from: @linked.providerId</li>
            <li>Email: @linked.email.map { email => @email }.getOrElse("Not Available")</li>
            <li>Authentication method: @linked.authMethod</li>
        </ul>

        @linked.oAuth1Info.map { info =>
        <h4>OAuth1 Info</h4>

        <ul>
            <li>Token: @info.token</li>
            <li>Secret: @info.secret</li>
        </ul>
        }

        @linked.oAuth2Info.map { info =>
        <h4>OAuth2 Info</h4>

        <ul>
            <li>Access Token: @info.accessToken</li>
            @info.tokenType.map { t => <li>Token Type: @t</li> }
            @info.expiresIn.map { exp => <li>Expires in: @exp seconds</li>}
            @info.refreshToken.map { rt => <li>Refresh Token: @rt</li>}
        </ul>
        }

        <hr>
    }
</div>

<a class="btn" href="/">Ok</a>
}